<template>
	<div class="header-foot">
		<div class="foot-top">
			&diams;票面价是指通过景区指定创空售卖的纸质门票上的标注价格
		</div>
		<ul class="foot-ul">
			<li class="iconfont">&#xe63b;机票</li>
			<li class="iconfont">&#xe61b;酒店</li>
			<li class="iconfont">&#xe662;公寓</li>
			<li style="font-size: 0.32rem; border-left: 0.0625rem solid gainsboro;padding-left: 0.7rem;">更多</li>
		</ul>
		<ol class="foot-ol">
			<li>登录</li>
			<li>我的订单</li>
			<li>最近浏览</li>
			<li>关于我们</li>
		</ol>
		<p>
			Qunar京ICP备05021087
		</p>
	</div>
</template>

<script>
</script>

<style scoped>
	.header-foot{
		width: 100%;
		background-color: white;
		font-size: 0.28rem;
		margin-top: 0.2rem;
	}
	.foot-top{
		font-size: 0.01rem;
		height: 0.5rem;
		line-height: 0.5rem;
		padding-left:0.2rem ;
	}
	.foot-ul{
		background-color: #CCCCCC;
		height: 1rem;
		line-height: 1rem;
		display: flex;
		justify-content: space-between;
		padding-left:0.7rem ;
		padding-right:0.7rem ;
		color: gray;
		font-size: 0.32rem;
	}
	.foot-ol{
		color: steelblue;
		font-size: 0.32rem;
		display: flex;
		justify-content: space-around;
		padding-left:0.2rem ;
		background-color: #CCCCCC;
	}
	.header-foot p{
		text-align: center;
		color: gray;
		height: 0.5rem;
		line-height: 0.5rem;
		background-color: #CCCCCC;
	}
</style>
